<header>
  <div class="container">
    <div class="col-md-6 col-sm-6 col-xs-12 nav_pic">
      <img src="{{asset('images/banner.png')}}" class="img-responsive center-block">
      {{-- <img src="{{asset('images/zr_logo.jpg')}}" class="img-responsive center-block"> --}}
    </div>
    <div class="col-md-6 col-sm-6 col-xs-12 text-right header_r">
      <div class="search_l">
        <a target="_blank" href="https://orcid.org/register"><img width="80" height="28" style="vertical-align:middle; margin-right:10px;" src="{{ asset('images/orcid.png') }}"></a>
        <img style="vertical-align:middle;" src="{{ asset('images/email.png') }}"> <a href="{{ route('alert.index') }}"><span class="font">E-mail Alert</span></a>&nbsp;&nbsp;
        <a href="{{ (app()->getLocale() == 'en') ? '/cn' : '/en'}}"><span class="font">{{ (app()->getLocale() == 'en') ? '简体中文' : 'English' }}</span></a>
      </div>
      <div class="search">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <form method="get" action="{{ route('search') }}">
            <td width="60%" align="right"><input style="width: 204px;background: #fff; height:30px;line-height:24px;color: #666666; font-family:'微软雅黑'; font-size:12px;margin-left: 109px;" placeholder="Article Title, Author, Keywords" name="keywords" id="search_input"/></td>
            <td width="10% " align="left"><input type='image' src="{{ asset('images/ssan.jpg') }}" width=30  height=30  name="Submit2" style="margin-top: 6px;" /></td>
            </form>
            {{-- <td width="30%" align="right" aling="right"><a href="#" target="_blank"><span style="color:#fff; font-weight:bold; font-family:Microsoft YaHei;"><u>Advanced Search</u></span></a></td> --}}
          </tr>
        </table>
      </div>
    </div>
  </div>
</header>
<div class="container">
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          @foreach(menus('front-nav') as $item)

            @if(!empty($item['children']))
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ __($item['title'])}} <span class="caret"></span></a>
              <ul class="dropdown-menu">
                @foreach($item['children'] as $sub_item)
                  <li><a href="{{ $sub_item['uri'] ? '/' . app()->getLocale() . $sub_item['uri'] : '#'}}">{{ $sub_item['title'] }}</a></li>
                @endforeach
              </ul>
            </li>
            @else
              <li><a href="{{ $item['uri'] ? '/' . app()->getLocale() . $item['uri'] : '#'}}">{{ $item['title']}} </a></li>
            @endif
          @endforeach

        </ul>
        <ul class="nav navbar-nav navbar-right">
          @foreach(menus('submit-nav') as $item)

            @if(!empty($item['children']))
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ $item['title']}}<span class="caret"></span></a>
              <ul class="dropdown-menu">
                @foreach($item['children'] as $sub_item)
                  <li><a href="{{ $sub_item['uri'] ? $sub_item['uri'] : '#'}}">{{ $sub_item['title'] }}</a></li>
                @endforeach
              </ul>
            </li>
            @else
              <li><a href="{{ $item['uri'] ? $item['uri'] : '#'}}">{{ $item['title']}} </a></li>
            @endif
          @endforeach

        </ul>
        </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
    </div>